<div class='span2 column ui-sortable' id='sidebar'>
    <ul class='sidebar_ul clear mostly-scrollbar' style="overflow-y: scroll;" ng-mouseleave='menumouseleave($event)'>
        <li ng-repeat='menu in totalMenu' id="menu_{{menu.id}}" ng-if="!menu.debug || (menu.debug && debug())" ng-click='menu1click($event)' ng-mouseleave='menu1leave($event)' ng-mouseenter='menu1enter($event)'>
            <strong></strong>
            <a ng-href='{{menu.href?menu.href:"javascript:void(0);"}}'><i class='{{menu.ico}}'></i> {{menu.name|translate}}  </a>

            <span ng-show="menu.sub.length" class='sui-icon icon-tb-right'></span>
            <em ng-show="menu.sub.length" class='sui-icon icon-tb-unfold'></em>
            <div id="submenu_div" style='display: none;' ng-click='$event.stopPropagation();'>
                <p ng-repeat='sub in menu.sub' id="menu_{{sub.id}}" ng-if="!sub.debug || (sub.debug && debug())" ng-click='menu2click(sub.href,$event);$event.stopPropagation();' ng-mouseenter='menu2mouseenter($event)' ng-mouseleave='menu2mouseleave($event)'><a href='{{sub.href}}'>{{sub.name|translate}}<taskchildshow requireds="{{sub.name}}"></taskchildshow></a></p>
            </div>
        </li>
    </ul>
</div>